<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="com.mvc.entity.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>用户列表</title>
		<script type="text/javascript" src="js/jquery-1.8.0.min.js">
</script>
		<style mce_bogus="1">
table {
	border-collapse: collapse;
}

td {
	border: 1px solid #f00;
}
</style>
		<script type="text/javascript">
function update(id) {
	$("#stuid").val(id);
	$("#updateform").submit();
}
function del(id) {
	if (confirm("确定删除？")) {
		$.ajax( {
			type : "POST",
			url : "student.do?method=del&id=" + id,
			dataType : "json",
			success : function(data) {
				if (data.del == "true") {
					$("#" + id).remove();
					alert("删除成功！");

				} else {
					alert("删除失败！");
				}
			},
			error : function() {
				alert("网络连接出错！");
			}
		})
	}
}
</script>
	</head>
	<body>
		<form action="student.do?method=toupdate" method="post" id="updateform">
			<input type="hidden" name="id" id="stuid" />
			<p align="center" style="color: red;">
				用户列表
			</p>
			<table align="center">
				<tr>
					<td>
						序号
					</td>
					<td>
						姓名
					</td>
					<td>
						密码
					</td>
					<td>
						操作
						<a href="student.do?method=add">添加用户</a>
					</td>
				</tr>
				<c:forEach items="${list}" var="student">
					<tr id='<c:out value="${student.id}"/>'>
						<td>
							<c:out value="${student.id}" />
						</td>
						<td>
							<c:out value="${student.user}" />
						</td>
						<td>
							<c:out value="${student.psw}" />
						</td>
						<td>
							<input type="button" value="编辑" onclick="update(${student.id});" />
							<input type="button" onclick='del(<c:out value="${student.id}"/>)' value="删除" />
						</td>
					</tr>
				</c:forEach>
			</table>
		</form>
	</body>
</html>
